
#contenidorPrincipalRecomanacions{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	min-width:1200px;
	min-height:500px;
	position:absolute;
	height:89%;
	background-color:Cornsilk;
}

#recommendationsColumn{
	width:22%;
	float:left;
	height:100%;
}

#recommendationsColumn * .title {
background-color:Gold;
border-bottom:1px solid;
color:SaddleBrown;
font-size:18px;
font-weight:bold;
padding:2px 0 0 10px;
}
#userRecommendationsColumn{
	width:30%;
	float:left;
	height:100%;
}

#userInfo{
	height:25%;
	background-color: white;
}

#userDetail{
	float:left;
	width:65%;
}
#userName{
	background-color:Gold;
	color:SaddleBrown;
	font-size:20px;
	font-weight:bold;
	padding-left:10px;
	border-bottom:1px solid SaddleBrown;
}

#userOtherInfo{
	font-style:italic;	
	margin:40px 10px 0;
}

#userPhoto{
	float:left;	
	height:70%;
	margin-top:3%;
	width:30%;
	text-align:right;
}
#userPhoto img {
	height:90%;
}
#userLabels{
	height:21%;
	margin:3% 0;
	background-color: white;
	
}

#labelsTitle{
	background-color:Gold;
	color:SaddleBrown;
	font-size:20px;
	font-weight:bold;
	padding-left:10px;
	border-bottom:1px solid SaddleBrown;
}

#labelsContent {
	margin:4px;	
}
#userLabels .label{
	color:SaddleBrown;
	float:left;
	font-size:19px;
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;
	cursor:pointer;
	
}

#userFeedsList{
	background-color:white;
	height:48%;
	
}
#feedsTitle{
	background-color:Gold;
	color:SaddleBrown;
	font-size:20px;
	font-weight:bold;
	padding-left:10px;
	border-bottom:1px solid SaddleBrown;
}
#llistaSubscripcions{
	height:80%;
	margin:10px 0 0 4px;
	overflow:auto;
}
#llistaSubscripcions .feed{
	padding-top:6px;
}
#llistaSubscripcions .feed .titleFeed{
	color:SaddleBrown;
	font-size:16px;
	font-weight:bold;
	margin-left:6px;
}
#llistaSubscripcions .feed .link{
	font-size:13px;
	font-style:italic;
	margin-left:12px;
	margin-bottom:4px;
}

#feedReader{
	background-color:white;
	float:left;
	height:97%;
	margin-left:7px;
	width:69%;
	
}
#userRecommendationsZone{
	background-color:Cornsilk;
	height:100%;
	margin-left:280px;
	padding:0 8px 0 12px;
}
/*
*	User recommendations tab
*/
#userRecommendationsTab{
	background-color: white;
	height:33%;
	margin-left:10px;
}


#userRecommendationsTab .content{
	height:84%;
	overflow: auto;	
	margin:4px;
}
#userRecommendationsTab .content .thisuser{
	border-bottom:1px solid SaddleBrown;
	clear:both;
	height:45%;
	width:99%;
	max-height:70px;
}
#userRecommendationsTab .content .thisuser .descr{
	font-size:14px;
	float:left;
	width: 72%;
}
#userRecommendationsTab .content .thisuser .descr .name{
	font-size:14px;
	font-weight: bold;
	margin:4px 0 0 6px;
	color:SaddleBrown;
	cursor:pointer;
}

#userRecommendationsTab .content .thisuser .descr .descrEtiquetes{
	font-size:13px;
	margin:10px 0 0 20px;
}

#userRecommendationsTab .content .thisuser .photo{
	float:left;
	margin-top:4px;
	text-align:right;
	width:27%;
}
#userRecommendationsTab .content .thisuser img{
	height:64px;
	width:53px;
}
/*
* Feed recommendations tab
*/

#feedRecommendationsTab{
	background-color: white;
	height:31%;
	margin:3% 0 3% 10px;
}

#feedRecommendationsTab .content{
	height:84%;
	overflow: auto;	
	margin:4px;
}
#feedRecommendationsTab .feed{
	padding-top:6px;
}
.titleFeed{
	font-size:14px;
	font-weight:bold;
	margin-left:6px;
	color:SaddleBrown;
	cursor:pointer;
}
.link{
	font-size:13px;
	font-style:italic;
	margin-left:12px;
	margin-bottom:4px;
	width:92%;
}

/*
* Label recommendations tab
*/

#labelRecommendationsTab{
	background-color: white;
	height:30%;
	margin-left:10px;
}

#labelRecommendationsTab .content{
	height:84%;
	margin:4px;
	overflow:auto;
}

#labelRecommendationsTab .label{
	color:SaddleBrown;
	float:left;
	font-size:19px;
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;
	cursor:pointer;
	
}


.readerbutton{
	float:right;
	margin-right:10px;
	margin-top:6px;
	height:54px;
	background-color: Cornsilk;
	width:170px;
}

.readerbutton:hover{
	background-color:#FFCC00;
	color:White;
	cursor: pointer;
	font-weight: bold;

}

#linkRecomPerson{
	cursor:pointer;
	color:cornflowerBlue;	
	font-size:14px;
}

#linkRecomPerson:hover{
	color:Orange;	
}

#clusterListTitol
{
	margin:10px 0 5px 0;
	font-weight: bold;
	color:saddleBrown;
	font-size:18px;
	
}

#clusterListList
{
	color:blue;
	font-size:14px;
	
}

#textMainRec{
	font-size:16px;
	height:85%;
	margin:0 40px;
	overflow:auto;
	color:saddleBrown;
}